<template>
	<view class="container">
		<image class="container1" src="/static/logo.png"></image>
		<view class="container2">
			强凯律师人工智能办案系统
		</view>
		<view class="container3" @click="loginClick(1)">
			登录律所端
		</view>
		<view class="container4" @click="loginClick(2)">
			登录律师端
		</view>
		<view class="container5">
			高效 便捷 省时 省钱 省心
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			loginClick(loginType){//1登录律所端, 2登录律师端
				uni.navigateTo({
					url:'/pages/login/login'
				})
			}
		}
	}
</script>

<style>
	.container5{
		position: fixed;
		left: 0rpx;
		right: 0rpx;
		bottom: 0rpx;
		height: 212rpx;
		line-height: 212rpx;
		text-align: center;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
	}
	.container1{
		width: 238rpx;
		height: 238rpx;
		margin-top: 100rpx;
	}
	.container2{
		margin-top: 38rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 800;
		font-size: 40rpx;
		color: #333333;
	}
	.container3{
		margin-top: 82rpx;
		width: 620rpx;
		height: 90rpx;
		background: linear-gradient( to bottom, #E93548 0%, #F35B43 100%);
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(235,43,59,0.4);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 90rpx;
		text-align: center;
	}
	.container4{
		margin-top: 30rpx;
		width: 620rpx;
		height: 90rpx;
		background: linear-gradient( to bottom, #E93548 0%, #F35B43 100%);
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(235,43,59,0.4);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 90rpx;
		text-align: center;
	}
	.container{
		display: flex;
		flex-direction: column;
		align-items: center; 
		justify-content: flex-start;
	}

</style>
